@charset "utf-8";
@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body{width:100%;height:100%; }body {font-size: 16px;font-family: ‘HELVETICANEUELTPRO-THEX’, "Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 24px;color: #383838;background:#f9f9f9;}h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;color:#383838; text-decoration:none; }a:hover { color:#51a74c; }a:active, a:focus, a:hover ,input:focus { outline:0 }.transition { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.line{border-top: #ccc 1px dotted;margin:6px 0;}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.orange { color:#fc9600; }.green { color: #51a74c; }.bgwhite { background: #fff; }.white { color:#fff; }.gray { color:#888; }.clear { clear: both; }.black { color:#111; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1150px; margin: 0 auto; }.container {max-width: 1920px; width: 95%; margin:0 auto; }.container-fluid { width:100%;display:block;}

/*顶部导航开始*/
.top { width:100%;height:140px;background:#fff;border-bottom:#009943 2px solid; }
.top .tel{background:#51a74c;height:34px;line-height:34px;color:#fff;font-family: 'HELVETICANEUELTPRO-THEX';}
.top .container { max-width:1200px; }
.top .t_cen{position:relative;width:100%;height:106px;z-index:99; }
.top .logo{position:absolute;z-index:100;left:2%;top:8%;max-width:298px;width:20%;}
.top .tel span { padding-left:10px;}
.top .t_c_cen{position:absolute;right:300px;max-width:760px;width:60%;top:22%;z-index:10;}
.top .t_c_cen .t_c_bottom{width:100%;height:31px; }
.top .t_c_cen .t_c_bottom ul li{position:relative;float:left;width:16.666%;text-align:center;z-index:35;}
.top .t_c_cen .t_c_bottom ul li a{display:block;width:100%;height:100%;height:66px;line-height:66px;font-size:16px;color:#383838;background:url(../images/menubg.png) no-repeat bottom center;background-size: 0 3px;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;font-family: 'HELVETICANEUELTPRO-THEX';}
.top .t_c_cen .t_c_bottom ul li:hover a { color:#51a74c;background-size: 60% 3px;}
@media screen and (max-width:1400px) {
.top { height:120px; }
.top .logo{top:10%;width:210px;}
.top .t_c_cen{width:620px;right:100px;top:10%;}
}
@media screen and (max-width:1100px) {.top .t_c_cen{width:484px;}}
/*===============子菜单定位=================*/
.top .t_c_cen .t_c_bottom ul li .Nodes{position:absolute;overflow:hidden;width:160px;left:-15px;padding-right:5px;height:0px;top:62px;z-index:100; background:url(../images/menushadow.png) no-repeat right top}
.top .t_c_cen .t_c_bottom ul li .Nodes ul{position:static;float:left;width:100%;left:0px;top:0px;z-index:100;border-top:#51a74c 4px solid;border-radius:6px; }
.top .t_c_cen .t_c_bottom ul li .Nodes ul li{width:86%;height:36px;float:none;padding:0 7%;margin:0;text-align:center;background:#fafafa url(../images/menubg1.png) no-repeat bottom center;transition: all 0.5s ease;  }
.top .t_c_cen .t_c_bottom ul li .Nodes ul li:hover { background-color:#51a74c; }
.top .t_c_cen .t_c_bottom ul li .Nodes ul li a{display:block;width:100%;color:#383838;font-size:14px;height:36px;line-height:34px;background:none;transition: all 0.3s ease;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .t_c_cen .t_c_bottom ul li .Nodes ul li:hover a { color:#fff }

.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #fff;z-index: 9991;opacity: .95;filter:alpha(opacity=95); }
.menu-icon { margin-top: 19px; }
.visible-phone {display: none;}

.home-banner { width:100%;position:relative; }
.swiper-container { width: 100%;z-index:9; }
.swiper-slide {background-repeat: no-repeat;background-position: center;background-size: cover;/* Center slide text vertically */display: flex;justify-content: center;align-items: center; }
.swiper-slide img { width:100%;}
.swiper-container .swiper-pagination-bullet{width:12px;height:12px;opacity:0.9;background: #fff;}
.swiper-container .swiper-pagination-bullet-active{opacity:0.9;background:#fc9600}
.swiper-container .swiper-button-prev { background:url(../images/arrprew.png) no-repeat center;background-size:100% auto;width:4.16%;height:80px;left:2%;margin-top:-40px; }
.swiper-container .swiper-button-next { background:url(../images/arrnext.png) no-repeat center;background-size:100% auto;width:4.16%;height:80px;right:2%;margin-top:-40px; }

.qiehuan { padding:1% 0;background:#51a74c; }
.qiehuan li { width:31.933%;margin:0 0.7%;height:180px;float:left; background:#fff; }
.qiehuan li .left { width:40%;margin-left:4%;height:100%;background-repeat:no-repeat;background-size:100% auto;background-position:left center;}
.qiehuan li .right { width:47%;padding-right:4%;}
.qiehuan .tit1 { font-size:18px;color:#51a74c;font-weight:bold;padding:20px 0 10px;}
.qiehuan .tit2 { color:#51a74c;height:70px;text-transform:uppercase;font-size:12px; }
.qiehuan .more a { display:block;width:92px;padding-right:20px;height:34px;line-height:32px;background:#51a74c url(../images/arr.png) no-repeat right 12px center;text-align:center;color:#fff;border-radius:6px;}
.qiehuan .more a:hover { background-color:#fb9600; }
@media screen and (max-width:1500px) {.qiehuan { bottom:8px;}.home-banner .qiehuan li { height:150px;}}
@media screen and (max-width:1300px) {
.qiehuan { bottom:6px;}
.qiehuan .tit1 { margin-bottom:10px; }
.qiehuan .tit2 { display:none; }
.qiehuan li { height:120px;}
}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 30px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(30px, 0, 0)}100%{opacity:1;transform:none}}

.home1 { padding:60px 0;background:#eee; }
.home1 .container { max-width:1200px;background:url(../images/home1.jpg) no-repeat right bottom;background-size:44% auto;min-height:400px; }
.home1 .text1 { font-size:36px;font-weight:bold;margin:0 0 4%; }
.home1 .text2 { max-width:600px;width:50%;line-height:25px;font-size:16px; }
.home1 p { margin:14px 0;}
.home1 .more { background:#51a74c;padding:8px 30px;border-radius:6px;color:#fff; }
.home1 .more:hover { background:#fc9600; }

.home2 { padding:2% 0;background:#fff;}
.home2 .container { max-width:1200px; }
.home2 .title { margin:0 0 40px;}
.home2 .title span { padding:0 0 12px;font-size:32px;border-bottom:#51a74c 2px solid;letter-spacing:6px; }
.home2 .content { background:#eee;margin:1% 0; }
.home2 .left { width:58%;padding:1% 0 1% 27%;background-size:auto 100%;background-position:left top;background-repeat:no-repeat; }
.home2 li { width:31.3333%;padding:0 1%;float:left; }
.home2 li .pic { background-color:#fff;min-height:200px;margin:0 0 4px;background-position:center;background-size:auto 90%;background-repeat:no-repeat;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; overflow:hidden; }
.home2 li .pic:hover { background-size:auto 85%;box-shadow:#bbb 0 0 12px; }
.home2 .right { width:15%;margin-top:110px; }
.home2 .more { background:#51a74c;padding:11px 30px;border-radius:6px;color:#fff; }
.home2 .more:hover { background:#fc9600; }

.home3 { background:#efefef url(../images/home3.jpg) no-repeat top center; }
.home3 .container.adv { max-width:1760px;padding:2% 0; }
.home3 .adv li { width:14.6666%;margin:10px 1% ;float:left; }
.home3 .adv li img { width:100%;}

.index2b { width:94%;padding:0 3% 3%; }
.index2b li { width:32.933%;margin:0 0.2%;float:left; background:#fff;min-height:325px;}
.index2b .tit1 { font-size:20px;padding:30px 10% 0;}
.index2b .tit2 { padding:12px 0 8px;margin:0 10% 12px;background:url(../images/index2c.png) no-repeat left bottom;}
.index2b li.m1 { background:#fff url(../images/index2b1.png) no-repeat right 3% bottom;background-size:30% auto; }
.index2b li.m1 p { padding:2px 0 8px 5%;margin:0 8%;background:url(../images/arr2.png) no-repeat left center;width:60%;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.index2b .dh a { width:50%;height:110px;float:left;position:relative;}
.index2b .dh a:hover { background-color:#51a74c;}
.index2b .dh p { display:inline-block; overflow:hidden;}
.index2b .dh .h1 { width:85px;height:70px;margin-top:20px;background-repeat:no-repeat;background-position:left top;}
.index2b .dh a:hover .h1 { background-position:left bottom;}
.index2b .dh .h2 { width:93px;height:70px;margin-top:20px;background-repeat:no-repeat;background-position:left bottom;}
.index2b .dh a:hover .h2 { background-position:left top;}
.index2b .dh a.d1 .h1 { background-image:url(../images/index2c1.png);}
.index2b .dh a.d1 .h2 { background-image:url(../images/index2c2.png);}
.index2b .dh a.d2 .h1 { background-image:url(../images/index2d1.png);}
.index2b .dh a.d2 .h2 { background-image:url(../images/index2d2.png);}
.index2b .dh a.d3 .h1 { background-image:url(../images/index2e1.png);}
.index2b .dh a.d3 .h2 { background-image:url(../images/index2e2.png);}
.index2b .dh a.d4 .h1 { background-image:url(../images/index2f1.png);}
.index2b .dh a.d4 .h2 { background-image:url(../images/index2f2.png);}
.index2b .wh { font:12px;padding:0 8%;  }
.index2b .wh a { margin:6% 5% 0 0;width:28%;border:#aaa 1px solid;border-radius:20px;text-align:center;line-height:30px;display:inline-block; }
.index2b .wh a.gd { margin-right:0;width:26%;padding-right:5%;border:#aaa 1px solid;background:url(../images/arr3.png) no-repeat right 22% center; }
.index2b .wh a.gd:hover { background-image:url(../images/arr3a.png);}
.index2b .wh a:hover { background-color:#fc9600;color:#fff;border:#fc9600 1px solid; }

@media screen and (max-width:1400px) {
.index1 li .text { top:10%;left:5%;width:40%;height:90%;line-height:24px; }
}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeOut{0%{opacity:0.5;}100%{opacity:0;}}

.footer { color:#383838;width:96%;padding:1% 2% 1%;border-top:#ddd 1px solid;overflow:hidden;font-size:14px; }
.footer .left { width:65%;padding:1% 0 1% 6%;line-height:24px; }
.footer .left .m1 { width:340px;display:inline-block; }
.footer .left .m2 { display:inline-block; }
.footer .right { width:20%;font-size:12px;padding-top:1%; }
.footer .right .m6 { font-size:16px;padding-top:.8%; }
.footer .right .m7 { font-size:24px;font-weight:bold;padding:5px 0; }

.banner { width:100%;height:300px;position:relative;background:#eee;overflow:hidden; }
.banner .container { max-width:1200px;width:100%;margin:0 auto;height:100%;z-index:2;position:relative;}
.banner .text {  width:100%;left:0;top:46%;z-index:199;position:absolute;font-size:36px;animation:fadeInUp 1.6s 0.0s both;}
.banner .text1 {  width:100%;left:0;top:61%;z-index:199;position:absolute;color:#666;font-size:20px;animation:fadeInUp 1.6s 0.6s both;}

.mainnav { background:#51a74c; }
.mainnav .titnav { height:40px; }
.mainnav .titnav a { display:inline-block;padding:0 15px;line-height:36px;border-bottom:#3ea027 4px solid;color:#fff;font-size:16px; }
.mainnav .titnav a.hover { border-bottom:#f39800 4px solid; }
.mainnav .container { max-width:800px;padding:3% 0; }
.mainnav .title { font-size:18px; }
.mainnav .text { padding:3% 0 0;}
.mainnav .text p { padding:0 0 2%;}

.about .container { max-width:1000px;padding:3% 0; }
.about .biaoti { padding:0 0 3%;font-size:20px;font-weight:bold;}
.about .title { font-size:18px; }
.about .text { padding:3% 0 0;line-height:30px;}
.about .text p { padding:0 0 2%; }

.main { min-height:450px;background:#fff; }
.main.container { max-width:1200px;margin:2% auto;width:96%;padding:2%;border-radius:10px;box-shadow:#ddd 0 0 12px;}
.products li{float:left;width:23.5%;margin:0 2% 2% 0;}
/* main_img */
.products li .pic { width:100%;overflow:hidden;border:#eee 1px solid;box-shadow:#eee 0 0 16px;}
.products li img{ width: 100%;height:auto;overflow-x: hidden;overflow-y: hidden;z-index:1;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.products li:hover img {transform: scale(1.05, 1.05);}
.products li .title { line-height:44px;background:url(../images/xian1.png) no-repeat left bottom;background-size:0 1px;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.products li:hover .title { background-size:100% 1px;}

.show { padding:2% 0 5%; }
.show .left { width:48%;margin-top:3%; }
.show .datu { border:#ccc 1px solid;margin:0 0 20px;width:100%;height:750px;}
.show .datu:hover { box-shadow: 0 0 6px #ccc; }
.show .pic img { width:76px;margin-right:10px;padding:6px;border:#ccc 1px solid;}
.show .pic img:hover { box-shadow: 0 0 6px #ccc; }
.show .right { width:48%; }
.show .content p { margin:5px 0 20px;line-height:28px; }

.news { padding:5% 0 3%; }
.news .container { max-width:1200px;}
.news li { margin:0 0 40px;width:100%;float:left;border-bottom:#ccc 1px solid;}
.news li a { display:block;margin-bottom:40px; }
.news li .left { width:15%;margin-left:5%;font-size:18px;font-weight:bold;height:70px;background:url(../images/news1.png) no-repeat 3px 50px;}
.news li:hover .left { background-image:url(../images/news2.png);color:#666;}
.news li .right { width:75%;background:url(../images/news3.gif) no-repeat 3px 10px;background-size:33px 1px;}
.news li:hover .right { background:url(../images/news4.gif) no-repeat 3px 10px;background-size:56px 1px; }
.news li .tit1 { font-size:18px;margin-bottom:25px;font-weight:bold; }
.news li .tit2 { color:#888; }
.newsview .title { font-size:18px;text-align:center;padding:0 0 8px;}
.newsview .date { text-align:center;color:#888;padding:0 0 10px;font-size:11px;border-bottom:#ddd 1px solid;margin:0 0 10px;}
.newsview .text { line-height:28px;padding:30px 0;color:#666;font-size:14px;}
.newsview .text img { width:100%;margin:5px 0;}

/*contact*/
.contact{  margin:4% 0; }
.contact .left { float:left;width:40%;padding-left:5%; }
.contact .right { float:right;width:45%;color:#383838;line-height:26px; }
.form-control { width:92%;margin:0 0 12px;border-radius:4px; overflow:hidden;}
.form-rt .tit {width: 100%;height: 50px;line-height: 50px;font-size: 24px;border-radius: 5px;color: #fff;background-color: #51a74c;text-align: center;margin-bottom: 40px;}
.form-rt .form-group {position: relative;}
.form-rt .form-group #note {position: absolute;left: 20px;top: 10px;color: #A09F9D;}
.form-rt .form-group label {display: none;}
.form-rt .form-group input,.form-rt .form-group textarea {border: 1px solid #D3CED5;background: transparent;text-shadow: none;box-shadow: none;height: 40px;line-height: 40px;padding: 0 20px;color: #A09F9D;transition: .3s;}
.form-rt .form-group input:focus ,.form-rt .form-group textarea:focus {box-shadow: 0 0 10px rgba(20,167,235,.5);border: none;}
.form-rt .form-group textarea {height: 115px;}
.form-rt button {width: 135px;height: 40px;padding: 0;font-size: 16px;text-align: center;line-height:40px;border: none;background-color: #51a74c;color: #fff;border-radius:3px;transition: .3s;cursor:pointer;}
.form-rt button:hover {background-color: #fc9600;}
.contact .map { margin:5% 0 0;border:#ddd 1px solid;}

.liuyan { padding:55px 0 80px; }
.liuyan .left,.liuyan .right { width:48%; }
.bbs{ width:90%;padding:0 2%;height:40px; border:#ccc 1px solid;background-color:#fff;font-size:14px;font-family: "Microsoft YaHei", "微软雅黑";margin-bottom:15px; }
.message{ width:96%; height:76px;padding:10px 2%; border:#ccc 1px solid;background-color:#fff;font-family: "Microsoft YaHei", "微软雅黑";margin:0 0 17px; }
.bbs:focus, .message:focus { outline:none;}
.send { background:#666;line-height:32px;width:130px;text-align:center;color:#fff;border:0;font-family: "Microsoft YaHei", "微软雅黑";font-size:14px;transition: all 0.4s ease;cursor:pointer; }
.send:hover { background:#ad0113; }

#fenye {color:#888;padding:3% 0; height:25px;text-align:center; }
#fenye a {padding:7px 14px;color:#383838; margin:0 3px; }
#fenye a:hover {text-decoration:none; background:#51a74c;color:#fff;}
#fenye .a1 { padding:7px 11px 7px 13px; margin:0 3px;background:#51a74c;color:#fff;}